<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>rem 的单位</title>
		
		<script src="main.js"></script>

		<style>
			html {
				font-size: 10px;
			}

			div {
				font-size: 1rem;

			}
		</style>
	</head>
	<!-- 
 
 
 rem 相对于 html 标签的 font-size 的 大小   1rem = font-size  * 1 
 rem 相对于 根元素的 字体大小的单位 
 
 
 em 区别 ，相对于 父级的对象的font-size 单位.
 
 -->
	<body>
		
		
		
		<div>123</div>
		
		
	</body>
</html>
